import React from "react";
import { Route } from "react-router-dom";
import { Box } from "@chakra-ui/react";
import HomePage from '../../pages/home/index.js';
import FormPage from '../../pages/form/index.js';
import CardPage from '../../pages/card/index.js';
import WorkPage from '../../pages/work/index.js';

export default function Main() {
  return (
    <Box w={4 / 9} mx="auto" mt="50px" d="flex" justifyContent="center">
      <Route path="/" exact component={HomePage} />
      <Route path="/form" component={FormPage} />
      <Route path="/card" component={CardPage} />
      <Route path="/work" component={WorkPage} />
    </Box>
  );
}
